<div>
    <div class="problem-body">
        <div class="nb">
            <div class="problem-lside">
                <ul>
                    <li>
                        <a href="javascript:void(0);" class="nli">个人中心<b class="arrow"></b></a>
                        <ul class="ulson" style="display: block;">
                            <li><a href="/page.html#/pages/plateform/personalCenter">订单管理</a></li>
                            <li><a href="/pageLR.html#/pages/plateform/cart">购物车</a></li>
                            <li><a href="/page.html#/pages/plateform/address">收货地址</a></li>
                            <li><a href="/page.html#/pages/plateform/personalInfo">个人信息</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="problem-rside">
                <div class="probar">
                    <a href="#">个人中心-个人信息</a>
                </div>
                <div class="problemcon problistpad">
                    <ul>
                        <li>
                            <label>用户名：</label>
                            <input type="text" v-model="userInfo.name" maxlength="20" class="s-length">
                        </li>
                        <li>
                            <label>手机号：</label>
                            <input type="text" v-model="userInfo.tel" maxlength="11" class="s-length">
                        </li>
                    </ul>
                    <button class="btn-save" @click="savePersonalInfo();">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>